<template>
   <div class="col">
     <slot></slot>
   </div>
</template>

<script lang='ts'>
import { computed, defineComponent } from 'vue'

export default defineComponent({
  name: 'ChuFormItem',
  props: {},
  setup (props) {
    const columns = computed(() => {
      const className = 'row-cols-' + props.cols
      const classObj: { [k: string]: boolean } = {}
      classObj[className] = true
      return classObj
    })
    return {
      columns
    }
  }
})
</script>

 <style>
 </style>
